@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #111111;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:1200px; margin:0 auto;}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width: 100%;height: 100%;font-size: 16px; background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;  }
/*header*/
.header { height:125px; background-color:#FFF;box-shadow: 0 0 20px #ccc; z-index:3; padding-top:43px;}
.header-box { height:83px;background-color:#FFF; z-index:3;}
.h-logo { float:left; width:220px;}
.h-logo img { height:82px;}
.h-nav { float:right; width:980px;  padding-top:14px; }
.h-nav ul{ float:right;}
.h-nav ul li { float:left; color:#666666; font-size:18px; line-height:55px; padding:0 25px; position:relative;}
.h-nav ul li a {color:#666666;}
.h-nav ul li:after{content:""; position:absolute; left:0; top:15px; width:1px; height:25px; background-color:#dddddd; }
.h-nav ul li:first-child:after { width:0;}
.h-nav ul li.active{color:#0187d7; font-weight:bold; }
.h-nav ul li.active a {color:#0187d7;}
.h-nav ul li:hover a{color:#0187d7;}
.h-nav ul li .sub { position: absolute;width:100%;left:0; text-align:center; top:55px;z-index:30000; line-height:44px;  background-color:#0187d7; }
.h-nav ul li .sub ul { float:none;}
.h-nav ul li .sub ul li{ float:left;  width:100%; line-height:44px; text-align:center;  margin:0; padding:0; font-size:16px; font-weight:normal;position:relative;}
.h-nav ul li .sub ul li:first-child:after{content:""; position:absolute; left:50%; top:-5px; width:12px; margin-left:-6px; height:5px; background:url(../images/nav-jiao.png) no-repeat;}
.h-nav ul li .sub ul li a { color:#ffffff; display:block;}
.h-nav ul li .sub ul li:after { width:0;}
.h-nav ul li .sub ul li:hover { background-color:#007fca;}
/*banner*/
.banner { height:auto; position:relative;}
/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:50%; margin-left:-45px; bottom:45px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin:0 5px;  width:20px; height:20px;text-align:center; background:#eeeeee; cursor:pointer; border-radius:50%;}
.slideBox .hd ul li.on{ background:#0187d7; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }
.hot-search { position:absolute; bottom:-45px; left:50%; width:1200px; margin-left:-600px; height:75px; z-index:2; background-color:#FFF;border-radius:10px;box-shadow: 0 0 20px #ccc;}
.hs-left { float:left; width:620px; padding-top:23px; padding-left:30px;}
.hs-left span {color:#333333; font-size:14px; line-height:30px;}
.hs-left a {color:#333333; font-size:14px; line-height:30px; margin-left:13px;}
.hs-left a:hover{ text-decoration:underline;}
.hs-right { float:left; width:512px; height:75px;position:relative;}
.hs-right:after{content:""; position:absolute; left:0; bottom:21px; width:100%; height:1px; background-color:#0187d7; }
.searchr {height:34px; padding-top:20px; }
.hs-right .search-input { height:34px; line-height:34px; font-size:14px; width:480px; padding:0; margin:0;  background-color:#ffffff; color:#333333;}
.hs-right .search-submit {height:34px; line-height:34px; font-size:0;width:32px; background:#ffffff url(../images/search-icon.png) no-repeat right top;  padding:0; margin:0; cursor:pointer;}
.hs-right input::-webkit-input-placeholder { color: #c9caca;}
/*i-public*/
.i-public { text-align:center;}
.i-public .en{color:#e5f3fb; font-size:80px; line-height:1; font-weight:bold;text-transform:uppercase; }
.i-public .con { margin-top:-83px; }
.i-public .con .tit{color:#333333; font-size:36px; line-height:50px;font-weight:bold; letter-spacing: 3px;}
.i-public .con .tit span {color:#0187d7;}
.i-public .con .des{color:#666666; font-size:18px; line-height:32px;}
.i-public2 { text-align:center;}
.i-public2 .en{color:#d9e7ef; font-size:80px; line-height:1; font-weight:bold;text-transform:uppercase; }
.i-public2 .con { margin-top:-83px; }
.i-public2 .con .tit{color:#333333; font-size:36px; line-height:50px;font-weight:bold; letter-spacing: 3px;}
.i-public2 .con .tit span {color:#0187d7;}
.i-public2 .con .des{color:#666666; font-size:18px; line-height:32px;}
/*i-kaopu*/
.i-kaopu { height:575px; padding-top:121px;}
.i-kaopu-show { padding-top:49px;}
.i-kaopu-show ul li{ float:left; width:380px; margin-left:30px; }
.i-kaopu-show ul li:first-child { margin-left:0;}
.i-kaopu-show ul li .pic { width:380px; height:306px; line-height:290px; text-align:center; overflow:hidden;border-radius:10px;}
.i-kaopu-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;border-radius:10px; }
.i-kaopu-show ul li .tit { width:360px; height:67px; background:url(../images/kaopu-icon1.jpg) no-repeat;color:#333333; font-size:18px; line-height:67px; margin-top:3px; padding-left:20px;}
.i-kaopu-show ul li:hover .tit { background:url(../images/kaopu-icon2.jpg) no-repeat; font-weight:bolder;}
/*i-jiaoluo*/
.i-jiaoluo { height:644px; background:url(../images/jiaoluo-bg.jpg) no-repeat top center;}
.i-jiaoluo-left { float:left; width:600px; padding-top:11px;}
.i-jiaoluo-left ul li { float:left; width:200px; text-align:center; position:relative; margin-top:30px;}
.i-jiaoluo-left ul li:after{content:""; position:absolute; left:0; top:3px; width:1px; height:140px; background-color:#1b93db; }
.i-jiaoluo-left ul li:first-child:after { width:0;}
.i-jiaoluo-left ul li:first-child+li+li+li:after { width:0;}
.i-jiaoluo-left ul li:first-child+li+li+li+li+li+li:after { width:0;}
.i-jiaoluo-left ul li .pic { width:87px; height:87px; margin:0 auto;}
.i-jiaoluo-left ul li .pic img{ width:87px; height:87px;}
.i-jiaoluo-left ul li .tit {color:#ffffff; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin-top:16px; padding:0 35px;}
.i-jiaoluo-right { float:right; width:525px; padding-top:126px;}
.i-jiaoluo-right img { width:525px; height:399px;}
/*i-anli*/
.i-anli { height:554px; padding-top:70px;}
.i-anli-show { padding-top:50px;}
.i-anli-show ul li { float:left; width:300px;}
.i-anli-show ul li .pic{ width:255px; height:226px;border-radius:10px; margin:0 auto; margin-top:32px;transition: 0.2s;}
.i-anli-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;border-radius:10px; }
.i-anli-show ul li .tit {width:300px;color:#333333; font-size:18px; line-height:64px; text-align:center; margin-top:0px; border-radius:10px;}
.i-anli-show ul li:hover .pic{ width:300px; height:266px; margin-top:0;}
.i-anli-show ul li:hover .tit { padding-left:36px; width:264px; color:#0187d7; text-align:left; margin-top:10px; box-shadow: 0 0 20px #ccc; background:#FFF url(../images/anli-icon.png) no-repeat; background-position:245px 23px; font-weight:bold;}
/*i-liyou*/
.i-liyou { height:644px; background:url(../images/liyou-bg.jpg) no-repeat top center;}
.i-liyou-left { float:left; padding-top:114px; width:525px; height:399px;}
.i-liyou-left img{width:525px; height:399px;}
.i-liyou-right { float:right; width:450px; padding-top:30px; padding-right:91px;}
.i-liyou-right ul li { float:left; width:150px; height:174px; background:url(../images/liyou-right1.png) no-repeat;}
.i-liyou-right ul li:first-child { margin:0 150px;}
.i-liyou-right ul li .nob { width:42px; height:49px; color:#ffffff; font-size:16px; line-height:49px; background:url(../images/liyou-right-nob.png) no-repeat; text-align:center; margin:0 auto; margin-top:37px;}
.i-liyou-right ul li .tit {color:#333333; font-size:18px; line-height:44px; font-weight:bold; text-align:center;}
.i-liyou-right ul li .des { display:none;color:#ffffff; font-size:14px; line-height:19px; padding:43px 2px 0 10px;}
.i-liyou-right ul li:hover { background:url(../images/liyou-right12.png) no-repeat;}
.i-liyou-right ul li:hover .nob { display:none;}
.i-liyou-right ul li:hover .tit { display:none;}
.i-liyou-right ul li:hover .des { display:block;}
/*i-lianxi*/
.i-lianxi { height:235px; background:url(../images/lianxi-bg.jpg) no-repeat top center;}
.i-lianxi-left { float:left; padding-top:63px; width:621px;}
.i-lianxi-left .tit {color:#ffffff; font-size:36px; line-height:58px; font-weight:bold;  }
.i-lianxi-left .des {color:#ffffff; font-size:24px; line-height:45px; }
.i-lianxi-mid { float:left; padding-top:85px; width:200px;}
.i-lianxi-mid ul li {color:#ffffff; font-size:24px; line-height:40px; background:url(../images/lianxi-icon.png) no-repeat left center; font-weight:bold; padding-left:30px; }
.i-lianxi-right { float:right; margin-right:140px; width:165px; height:55px; background-color:#ffffff; color:#0187d7; font-size:18px; line-height:55px; font-weight:bold; text-align:center; border-radius:10px; margin-top:86px;}
.i-lianxi-right a {color:#0187d7; display:block; }
/*i-fangshi*/
.i-fangshi { height:434px; padding-top:70px;}
.i-fangshi-show { height:auto; padding-top:34px;}
.i-fangshi-show ul li { float:left; width:270px; height:240px; background-color:#0187d7; border-radius:10px; margin-left:40px; overflow:hidden;}
.i-fangshi-show ul li:first-child { margin-left:0;}
.i-fangshi-show ul li .nob { width:76px; height:88px; margin:0 auto; background:url(../images/fangshi-icon.png) no-repeat; color:#0187d7; font-size:34px; line-height:88px; font-weight:bold; text-align:center; margin-top:46px;}
.i-fangshi-show ul li .cn {color:#ffffff; font-size:18px; line-height:36px; font-weight:bold; padding-top:20px; text-align:center;}
.i-fangshi-show ul li .con { padding-top:17px; display:none;}
.i-fangshi-show ul li .tit {color:#ffffff; font-size:24px; line-height:40px; text-align:center;}
.i-fangshi-show ul li .des {color:#ffffff; font-size:14px; line-height:20px; margin-top:10px; padding:0 15px; }
.i-fangshi-show ul li:hover .nob { display:none;}
.i-fangshi-show ul li:hover .cn { display:none;}
.i-fangshi-show ul li:hover .con { display:block;}
/*i-dongtai*/
.i-dongtai { height:697px; background:url(../images/dongtai-bg.jpg) no-repeat top center; padding-top:70px;}
.i-dongtai-show { margin-top:55px;}
/* 本例子css */
.picScroll-left{ width:1200px;  overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden;}
.picScroll-left .hd .prev{ position:absolute;left:0;top:180px;display:block;width:15px; height:25px; float:right;cursor:pointer; background:url(../images/jiao1.png) no-repeat; }
.picScroll-left .hd .next{position:absolute;right:0;top:180px;display:block;width:15px; height:25px; float:right;cursor:pointer; background:url(../images/jiao2.png) no-repeat; }
.picScroll-left .hd .prev:hover{ background:url(../images/jiao12.png) no-repeat; }
.picScroll-left .hd .next:hover{ background:url(../images/jiao22.png) no-repeat; }
.picScroll-left .bd{ width:1158px; margin:0 auto;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; width:370px; height:380px; background-color:#ffffff;border-radius:10px; margin:0 8px;box-shadow: 0 0 20px #ccc;  }
.picScroll-left .bd ul li .pic { width:305px; height:163px; text-align:center; margin:0 auto; line-height:150px; overflow:hidden; padding-top:30px;border-radius:10px;}
.picScroll-left .bd ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; border-radius:10px;}
.picScroll-left .bd ul li .tit { width:305px; margin:0 auto; color:#333333; font-size:18px; line-height:30px;font-weight:bold; margin-top:19px; height:30px; overflow:hidden; }
.picScroll-left .bd ul li .riqi { width:305px; margin:0 auto;color:#999999; font-size:14px; line-height:22px;}
.picScroll-left .bd ul li .des { width:305px; margin:0 auto;color:#666666; font-size:14px; line-height:23px; margin-top:14px; height:69px; overflow:hidden;}
.picScroll-left .bd ul li .more { width:286px; margin:0 auto; display:none; text-align:right; margin-top:16px;}
.picScroll-left .bd ul li .more img { width:26px; height:19px;}
.picScroll-left .bd ul li:hover .tit {color:#0187d7;}
.picScroll-left .bd ul li:hover .des { height:46px;}
.picScroll-left .bd ul li:hover .more { display:block;}
.i-dongtai-more { width:126px; padding-left:72px; height:55px; background: #0187d7 url(../images/dongtai-more.png) no-repeat; margin:0 auto;border-radius:10px;color:#ffffff; font-size:20px; line-height:55px; background-position:40px 17px; margin-top:67px;}
.i-dongtai-more a {color:#ffffff;}
/*f-linker*/
.f-linker { background-color:#0187d7; border-top:#333333 solid 23px; padding:27px 0;}
.f-linker span {color:#ffffff; font-size:18px; line-height:40px; font-weight:bold;}
.f-linker a {color:#ffffff; font-size:14px; line-height:40px; margin-left:10px;}
.f-linker a:hover { text-decoration:underline;}
/*footer*/
.footer { min-height:286px; background-color:#0187d7; border-top:#99cfef solid 1px;}
.footer .ban {color:#ffffff; font-size:16px; line-height:34px; font-weight:bold; margin-bottom:4px;}
.f-left { float:left; width:300px; color:#ffffff; font-size:14px; line-height:34px; font-weight:bold; margin-top:54px;}
.f-left .f-nav ul li{ float:left; width:88px;}
.f-left .f-nav ul li a {color:#ffffff;}
.f-left .f-nav ul li a:hover { text-decoration:underline;}
.f-mid { float:left; margin-left:30px; width:570px; color:#ffffff; font-size:14px; line-height:34px; margin-top:54px;}
.f-mid a {color:#ffffff;}
.f-right { float:right; width:248px; text-align:center; padding-top:50px;}
.f-right .pic { width:154px; height:auto; background:url(../images/ewm-bg.png) no-repeat; background-size:100% 100%;  margin:0 auto;}
.f-right .pic img { width:118px; height:auto; padding-top:18px; padding-bottom:18px;}
.f-right .tit { color:#ffffff; font-size:16px; line-height:44px;}
/*返回顶部*/
p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;}  
p#top a:hover{ color:#979797;  }  
p#top a span{background:url(../images/gotop.png) no-repeat center;border-radius:6px;display:block;height:30px;transition:background 1s;}  
#top a:hover span{background:url(../images/gotop.png) no-repeat center;} 
/*内页*/
/*n-public*/
.n-public { text-align:center;position:relative; padding-top:60px;}
.n-public .en{color:#e5f3fb; font-size:80px; line-height:1; font-weight:bold;text-transform:uppercase; }
.n-public .con { margin-top:-83px; }
.n-public .con .tit{color:#333333; font-size:36px; line-height:50px;font-weight:bold; letter-spacing: 3px;}
.n-public .con .tit span {color:#0187d7;}
.n-public .con .des{color:#666666; font-size:18px; line-height:32px;}
.n-public .n-posi { position:absolute; right:0; top:104px;color:#999999; font-size:14px; line-height:30px;}
.n-public .n-posi a {color:#999999; }
.n-public .n-posi a:hover{ text-decoration:underline;}
.n-fangshi { height:auto; padding-bottom:80px; padding-top:62px; }
.n-fangshi-list {  height:auto;}
.n-fangshi-list ul li { float:left;width:363px; margin-left:27.75px; margin-top:47px;}
.n-fangshi-list ul li .pic {width:363px; height:298px; line-height:280px; text-align:center; overflow:hidden;}
.n-fangshi-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-fangshi-list ul li .tit { width:361px; height:52px; border:#e4e4e4 solid 1px; text-align:center;color:#333333; font-size:16px; line-height:52px;}
.n-fangshi-list ul li:hover .tit {border:#0187d7 solid 1px;color:#0187d7;}
.n-youshi{ height:auto; padding-bottom:80px; padding-top:62px; }
.n-youshi-list{  height:auto;}
.n-youshi-list ul li { float:left; width:567px; height:377px; margin-left:62px; margin-top:60px; border:#e4e4e4 solid 1px;}
.n-youshi-list ul li:first-child { margin-left:0;}
.n-youshi-list ul li:first-child+li+li { margin-left:0;}
.n-youshi-list ul li .nob { color:#333333; font-size:30px; line-height:52px; padding-top:73px; text-align:center; font-weight:bold; background:url(../images/youshi-nob1.jpg) no-repeat bottom center;}
.n-youshi-list ul li .tit { color:#333333; font-size:30px; line-height:40px; font-weight:bold; margin-top:26px; text-align:center;}
.n-youshi-list ul li .tit span { color:#0187d7;}
.n-youshi-list ul li .des { color:#333333; font-size:16px; line-height:30px; margin-top:15px; padding:0 82px;}
.n-youshi-list ul li:hover { border:#0187d7 solid 1px;}
.n-youshi-list ul li:hover .nob {  background:url(../images/youshi-nob2.jpg) no-repeat bottom center;}
/*n-about*/
.n-about { padding-top:79px; padding-bottom:70px;}
.n-subnav { height:84px; border-bottom:#dddddd solid 1px;}
.n-subnav-left { float:left;}
.n-subnav-left ul li { float:left;color:#666666; font-size:18px; line-height:81px; margin-right:58px;}
.n-subnav-left ul li a {color:#666666; }
.n-subnav-left ul li.active { color:#0187d7; font-weight:bold; border-bottom:#0187d7 solid 3px;}
.n-subnav-left ul li.active a {color:#0187d7;}
.n-subnav-left ul li:hover { color:#0187d7; font-weight:bold; }
.n-subnav-left ul li:hover a {color:#0187d7;}
.n-subnav-right { float:right;color:#999999; font-size:14px; line-height:81px;}
.n-subnav-right a {color:#999999;}
.n-subnav-right a:hover { text-decoration:underline;}
.n-about-top { width:1200px; height:109px; background:url(../images/about-top.jpg) no-repeat; margin-top:49px;}
.n-about-top span {color:#ffffff; font-size:22px; line-height:109px; font-weight:bold; padding-left:62px;}
.n-about-bot { margin-top:66px; color:#666666; font-size:16px; line-height:36px; }
.n-about-bot img{ max-width:100%;}
.n-newslist {  padding-top:30px;}
.news-list{padding-bottom:30px}
.news-list li{width:1200px;height:136px;position:relative;border-bottom:1px #d7d7d7 solid}
.news-list li:hover span{width:1200px}
.news-list li a{width:1120px;height:105px;padding:30px 0 0 40px;z-index:2;position:absolute;left:0;top:0}
.news-list li a:hover h3{color:#0187d7}
.news-list li h4{padding-top:20px;height:85px;width:155px;font-size:32px;margin-right:30px;color:#999;font-family:'Iskoola Pota';letter-spacing:-1px;float:left;font-weight:400}
.news-list li h3{font-size:16px;color:#666;padding-right:12px;margin-bottom:15px;font-weight:400}
.news-list li p{font-size:14px;color:#999;line-height:22px}
.news-list li span{width:0;height:135px;position:absolute;left:0;top:0;z-index:1;background:-webkit-gradient(linear,120% 0,0 100%,from(#fff),to(#efefef),color-stop(1.2,#f3f3f3));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s}

.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:40px; margin-bottom:40px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#0187d7; color:#FFF;}
/*详情页*/
.n-show {  padding:20px 0 30px; height:auto; position:relative;}
.n-show .tit { padding-top:20px; font-size: 28px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #666;font-size: 13px;  padding: 20px 0px 15px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 10px 0px; font-size: 16px; line-height:30px;}
.n-show .other { padding: 20px 0px; text-transform:uppercase;}
.n-show .other p{font-size: 13px; line-height:24px;color: #666;}
.n-show .other p a { color: #666;}
.n-show .other p a:hover { text-decoration:underline;}
/*n-fangshi-zhen*/
.n-fangshi-zhen { height:auto;padding:20px 0; }
.n-fangshi-zhen ul li { border:#e2e2e2 solid 1px; border-radius:10px; margin-top:28px; padding:38px 0;}
.n-fangshi-zhen ul li .con{ float:left; width:520px; margin-left:69px;}
.n-fangshi-zhen ul li .con .tit {color:#333333; font-size:24px; line-height:34px; font-weight:bold; margin-top:20px;}
.n-fangshi-zhen ul li .con .des {color:#666666; font-size:14px; line-height:24px; margin-top:9px;}
.n-fangshi-zhen ul li .con .cn {color:#0187d7; font-size:18px; line-height:30px; font-weight:bold; margin-top:36px;}
.n-fangshi-zhen ul li .pic { float:right; width:504px; height:257px; overflow:hidden; line-height:240px; text-align:center; margin-right:33px;}
/* 本例子css */
.n-fangshi-zhen ul li .fangshibox{ width:504px; height:257px; overflow:hidden; position:relative; border-radius:10px;}
.n-fangshi-zhen ul li .fangshibox .hd{ height:15px; overflow:hidden; position:absolute; left:223px; bottom:18px; z-index:3; }
.n-fangshi-zhen ul li .fangshibox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.n-fangshi-zhen ul li .fangshibox .hd ul li{ float:left;  width:14px; height:14px; line-height:14px; text-align:center; background:#8d9495; cursor:pointer; border:none; padding:0; margin-right:9px; margin-top:0; font-size:0; }
.n-fangshi-zhen ul li .fangshibox .hd ul li.on{ background:#ffffff; color:#fff; }
.n-fangshi-zhen ul li .fangshibox .bd{ position:relative; height:100%; z-index:0;   }
.n-fangshi-zhen ul li .fangshibox .bd li{ zoom:1; vertical-align:middle;border:none; padding:0; margin:0; }
.n-fangshi-zhen ul li .fangshibox .bd img{ width:504px; height:257px; display:block;  }

@media(max-width:1200px){
.header {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-jiaoluo {width:1200px; margin:0 auto;}
.i-liyou {width:1200px; margin:0 auto;}
.i-lianxi {width:1200px; margin:0 auto;}
.i-dongtai {width:1200px; margin:0 auto;}
.f-linker{width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
}


/*虫害消杀*/
.chonghai { margin-top: 60px;}
.list-chonghai{margin-bottom: 60px; margin-top: 60px;}
.list-chonghai ul li {width:130px;;height:150px;float: left;text-align: center;border: 1px solid #ffffff;}
.list-chonghai ul li .pic { height:111px; line-height:100px;}
.list-chonghai ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.list-chonghai ul li .tit{font-size: 16px; color: black;background-color:#ffffff;width:100px;text-align: center;margin: 0 auto;}
.list-chonghai ul li:hover{border: 1px solid #156cb9;height: 120px;}
.list-chonghai ul li .tit:hover{color: #0187d7;font-weight: 600;}

.guanjia {height:523px;background:url(../images/gj_bg.jpg) repeat-x bottom center; }
.list-guanjia ul li{width:277px; height: 283px;margin-right: 23px; background: #ffffff;text-align: center;vertical-align: middle;float: left;margin-top: 52px;}
.list-guanjia ul li .pic{margin-top: 29px; margin-bottom: 26px;height: 91px;}
.list-guanjia ul li .tit{font-size: 18px; }
.list-guanjia ul li .des{font-size:14px; color: #999999;padding: 20px;}
.list-guanjia ul li:hover{ background:#0187d7;}
.list-guanjia ul li:hover .tit{ color: #ffffff;}
.list-guanjia ul li:hover .des{ color: #ffffff;}
.list-guanjia ul li:first-child .pic{background:url(../images/guanjia_01.png) no-repeat center center;}
.list-guanjia ul li:first-child+li .pic{background:url(../images/guanjia_02.png) no-repeat center center;}
.list-guanjia ul li:first-child+li+li .pic{background:url(../images/guanjia_03.png) no-repeat center center;}
.list-guanjia ul li:first-child+li+li+li .pic{background:url(../images/guanjia_04.png) no-repeat center center;}

.list-guanjia ul li:first-child:hover .pic{background:url(../images/guanjia_hg_01.png) no-repeat center center;}
.list-guanjia ul li:first-child+li:hover .pic{background:url(../images/guanjia_hg_02.png) no-repeat center center;}
.list-guanjia ul li:first-child+li+li:hover .pic{background:url(../images/guanjia_hg_03.png) no-repeat center center;}
.list-guanjia ul li:first-child+li+li+li:hover .pic{background:url(../images/guanjia_hg_04.png) no-repeat center center;}

.fanwei { padding-bottom:40px;}
.list-fanwei-ban { text-align:center; padding-top:40px;}
.list-fanwei-ban ul { display:inline-block;}
.list-fanwei-ban ul li { float:left; width:160px; height:46px; border:#e3e3e3 solid 1px; background-color:#f7f7f7;color:#666666; font-size:18px; line-height:46px; text-align:center; margin:0 13px;}
.list-fanwei-ban ul li.active {background-color:#0187d7; color:#FFF;}

.list-fanwei{margin-bottom: 60px; margin-top: 40px;}
.list-fanwei ul li {float:left;padding-right: 10px;position: relative;}
.list-fanwei ul li .pic{width:288px; height: 224px; overflow:hidden;  }
.list-fanwei ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; transition: all 0.6s; }
.list-fanwei ul li .tit{ display:none; position:absolute; top:0; left:0; width:288px; height:224px; background-color:rgba(0, 0, 0, 0.7);text-align: center;  }
.list-fanwei ul li .tit span { display:inline-block; height:50px; font-size: 18px; margin:0 auto; line-height: 50px; background-color:#0187d7; text-align:center; padding:0 50px; margin-top:87px; color:#fff;letter-spacing: 1px; }
.list-fanwei ul li:hover .tit { display:block;}

.luicheng {height:384px;background:url(../images/gj_bg.jpg) repeat-x bottom center; }
.list-luicheng {margin-top: 60px;}
.list-luicheng ul li {border: 1px solid #dddddd;float: left;width:198px; height: 132px;text-align: center; margin:0 50px; position:relative;}
.list-luicheng ul li:after{content:""; position:absolute; left:-56px; top:60px; width:15px; height:12px;background:url(../images/cyc-jiantou.png) no-repeat; }
.list-luicheng ul li:first-child:after { width:0;}

.list-luicheng ul li .pic {width: 100%;height:50px; padding-top: 21px; padding-bottom: 21px;}
.list-luicheng ul li:first-child .pic{background:url(../images/lc_01.png) no-repeat center center;}
.list-luicheng ul li:first-child+li .pic{background:url(../images/lc_02.png) no-repeat center center;}
.list-luicheng ul li:first-child+li+li .pic{background:url(../images/lc_03.png) no-repeat center center;}
.list-luicheng ul li:first-child+li+li+li .pic{background:url(../images/lc_04.png) no-repeat center center;}

.list-luicheng ul li:hover{background:#0187d7;}
.list-luicheng ul li:hover .tit{color:#ffffff;}
.list-luicheng ul li:first-child:hover .pic{background:url(../images/lc_hg_01.png) no-repeat center center;}
.list-luicheng ul li:first-child+li:hover .pic{background:url(../images/lc_hg_02.png) no-repeat center center;}
.list-luicheng ul li:first-child+li+li:hover .pic{background:url(../images/lc_hg_03.png) no-repeat center center;}
.list-luicheng ul li:first-child+li+li+li:hover .pic{background:url(../images/lc_hg_04.png) no-repeat center center;}


.list-anli{margin-bottom: 60px; margin-top: 60px;height: 150px;}
.list-anli ul li {float:left;padding-right: 10px;position: relative}
.list-anli ul li .pic{width:288px; height: 129px;}
.list-anli ul li .tit{font-size: 16px; text-align: center;line-height: 50px;}



/*除甲醛*/

.list-cjc {margin-bottom: 50px; margin-top: 50px;}
.list-cjc ul li{width:272px; height: 256px;margin-left:32px; background: #ffffff;text-align: center;vertical-align: middle;float: left;margin-top: 52px;border: 2px solid #dddddd;}
.list-cjc ul li:first-child { margin-left:0;}
.list-cjc ul li .pic{margin-top: 29px; margin-bottom: 26px;height: 91px;}
.list-cjc ul li .tit{font-size: 18px; }
.list-cjc ul li .des{font-size:14px; color: #999999;padding: 20px;}
.list-cjc ul li:hover{border: 2px solid #0187d7;}
.list-cjc ul li:hover .tit{ color: #0187d7; font-weight: 600}
.list-cjc ul li:first-child .pic{background:url(../images/cjc_1.png) no-repeat center center;}
.list-cjc ul li:first-child+li .pic{background:url(../images/cjc_2.png) no-repeat center center;}
.list-cjc ul li:first-child+li+li .pic{background:url(../images/cjc_3.png) no-repeat center center;}
.list-cjc ul li:first-child+li+li+li .pic{background:url(../images/cjc_4.png) no-repeat center center;}
.list-cjc ul li:first-child:hover .pic{background:url(../images/cjc_01.png) no-repeat center center;}
.list-cjc ul li:first-child+li:hover .pic{background:url(../images/cjc_02.png) no-repeat center center;}
.list-cjc ul li:first-child+li+li:hover .pic{background:url(../images/cjc_03.png) no-repeat center center;}
.list-cjc ul li:first-child+li+li+li:hover .pic{background:url(../images/cjc_04.png) no-repeat center center;}



.cjc2{height:400px;background:url(../images/gj_bg.jpg) repeat-x bottom center;}
.list-cjc2 { padding-top:29px;}
.list-cjc2 ul li{width:377px; height:229px; margin-left:34.5px; text-align: center;vertical-align: middle;float: left;margin-top: 30px; position:relative;}
.list-cjc2 ul li:first-child { margin-left:0;}
.list-cjc2 ul li .pic{ margin-bottom: 26px;height: 229px;display: block;}
.list-cjc2 ul li .tit{font-size: 18px; line-height:1;}
.list-cjc2 ul li .con { display:none; position:absolute; width:377px; height:229px; top:0; left:0;background-color:rgba(1, 135, 215, 0.9);}
.list-cjc2 ul li .con .icon { width:69px; height:68px; margin:0 auto; padding-top:55px;}
.list-cjc2 ul li .con .icon img{ width:69px; height:68px;}
.list-cjc2 ul li .con .des {color:#ffffff; font-size:24px; line-height:66px; font-weight:bold; text-align:center;}
.list-cjc2 ul li:hover .con { display:block;}

.list-cj-cpfw{margin-top:50px; margin-bottom: 50px;}
.list-cj-cpfw ul li{width:582px; height: 264px; float: left; margin-bottom:30px; margin-left:36px;}
.list-cj-cpfw ul li:first-child{background:url(../images/cjc_cpfw_1.jpg) no-repeat center; margin-left:0;}
.list-cj-cpfw ul li:first-child+li{background:url(../images/cjc_cpfw_2.jpg) no-repeat  center;}
.list-cj-cpfw ul li:first-child+li+li{background:url(../images/cjc_cpfw_3.jpg) no-repeat center; margin-left:0;}
.list-cj-cpfw ul li:first-child+li+li+li{background:url(../images/cjc_cpfw_4.jpg) no-repeat center;}
.list-cj-cpfw ul li .tit{font-size: 24px; font-weight: 600;color:#ffffff;background: #0187d7;line-height: 50px;text-align: center;width:250px;margin-top: 77px; margin-left:332px;}

.list-cj-cpfw ul li .des{font-size: 14px; color:#333333;margin-left:356px; line-height:24px; padding-top:15px;}


.cjc-luicheng {background:url(../images/gj_bg.jpg) repeat-x bottom center;height: 385px;}
.list-cjc-luicheng {margin-top: 50px;}
.list-cjc-luicheng ul li {border: 1px solid #dddddd;float: left;width: 136px; height: 132px;text-align: center; margin-left:39px; position:relative;}
.list-cjc-luicheng ul li:after{content:""; position:absolute; left:-28px; top:60px; width:15px; height:12px;background:url(../images/cyc-jiantou.png) no-repeat; }
.list-cjc-luicheng ul li:first-child { margin-left:0;}
.list-cjc-luicheng ul li:first-child:after { width:0;}
.list-cjc-luicheng ul li .pic {width: 100%;height:50px; padding-top: 21px; padding-bottom: 21px;}
.list-cjc-luicheng ul li:first-child .pic{background:url(../images/cjc_fwlc_1.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li .pic{background:url(../images/cjc_fwlc_2.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li+li .pic{background:url(../images/cjc_fwlc_3.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li+li+li .pic{background:url(../images/cjc_fwlc_4.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li+li+li+li .pic{background:url(../images/cjc_fwlc_5.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li+li+li+li+li .pic{background:url(../images/cjc_fwlc_6.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li+li+li+li+li+li .pic{background:url(../images/cjc_fwlc_7.png) no-repeat center center;}
.list-cjc-luicheng ul li:hover{background:#0187d7;}
.list-cjc-luicheng ul li:hover .tit{color:#ffffff;}
.list-cjc-luicheng ul li:first-child:hover .pic{background:url(../images/cjc_fwlc_01.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li:hover .pic{background:url(../images/cjc_fwlc_02.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li+li:hover .pic{background:url(../images/cjc_fwlc_03.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li+li+li:hover .pic{background:url(../images/cjc_fwlc_04.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li+li+li+li:hover .pic{background:url(../images/cjc_fwlc_05.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li+li+li+li+li:hover .pic{background:url(../images/cjc_fwlc_06.png) no-repeat center center;}
.list-cjc-luicheng ul li:first-child+li+li+li+li+li+li:hover .pic{background:url(../images/cjc_fwlc_07.png) no-repeat center center;}

/*不间断滚动*/
#propro { overflow:hidden; padding:20px 0; width:1200px; height:350px; margin:0px auto;}
#inpro {float: left;width: 5000%;}
#propro1 {float: left;}
#propro2 {float: left;}
#propro .f_l{float:left}
#propro .dw { width:300px; margin-left:12px; height:350px; box-shadow: 0 0 10px #ccc; background-color:#FFF;}
#propro .dw:hover { box-shadow: 0 0 10px #0093dd;}
#propro .dw:hover .tit {color:#0093dd;}
#propro .dw a { display:block;}
#propro .dw .tit { font-size:20px; color:#383737; line-height:44px; padding:20px 20px 0 20px; height:44px; overflow:hidden;}
#propro .dw .more { font-size:16px; color:#119bdf; line-height:36px; padding:0 20px; }
#propro .dw .pic { width:280px; height:225px; margin:8px auto 0; overflow:hidden;}
#propro .dw .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;}